border-radius 対応状況

各ブラウザのborder-radius対応状況をまとめておきます。

以下のような感じで実装されています。
コーディングの参考までにどうぞ。

W3Cが策定中のborder-radiusです。

border: solid 2px black;border-radius: 5px 10px 15px 20px;

MozillaのGeckoエンジンに実装されているベンダープリフィックス付きborder-radiusです。

border: solid 2px black;-moz-border-radius: 5px 10px 15px 20px;

AppleのWebkitエンジンに実装されているベンダープリフィックス付きborder-radiusです。

border: solid 2px black;-webkit-border-radius: 5px 10px 15px 20px;

カテゴリー:その他
2011/09/11 14:12:28 更新